
.detail{
    max-width: 100px;
    height: 0;
    background: red;
    transition: .4s ease-in;
}
.taper{
    border: 2px solid #000;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: conic-gradient(#f40,60deg,#000 60deg);
}
.taper_list{
    position: relative;
    /* border: 2px solid #000; */
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background: conic-gradient(#f40, #ff0, #0f0 ,#0ff,#00f,#f0f,#f00);
}
.taper_list::before{
    content: '';
    position: absolute;
    background: #fff;
    inset: 5px;
    border-radius: 50%;
}